﻿@model MvcToolbox.WebTest.Models.Users
@using MvcToolbox;

<style>
    .n-input { color: #2e2e2e; }
    .n-pager-wrap { overflow: auto; border-style: solid; border-width: 1px; line-height: 24px; padding: 4px 0 4px 3px; }
    .n-pager-wrap { background-image: none,linear-gradient(to bottom,#f6f6f6 0,#eaeaea 100%); background-position: 50% 50%; background-color: #e3e3e3; border: 1px solid #c5c5c5; }
    .n-pager-numbers { float: left;cursor: default; display: inline-block; vertical-align: top; margin-right: 1px; margin: 0 2px; }
    .n-reset {margin: 0;padding: 0;border: 0;outline: 0;text-decoration: none;font-size: 100%;list-style: none;}
    ul.n-pager-numbers { margin:0px;  }
    .n-pager-numbers li, .n-pager-input { float: left; margin: 0px 4px; }
    .n-pager-numbers li { display: list-item; text-align: -webkit-match-parent; width: 24px; font-size: 12px; font-style: normal; font-variant: normal; font-weight: normal; }
    .n-pager-wrap>.n-link { border-style: solid; border-width: 1px; border-color: #c5c5c5; }
    .n-pager-wrap>.n-link:hover { border-color: #a5a5a5; }
    .n-link:link, .n-link:visited { color: #2e2e2e; }
    .n-pager-wrap>.n-link { float: left; margin: 0 1px; padding: 0 3px; height: 22px; line-height: 22px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; cursor: pointer; }
    .n-state-disabled { filter: alpha(opacity=70); opacity: .7; }
    .n-pager-wrap>.n-link .n-icon { vertical-align: top; margin-top: 3px; }
    .n-icon, .n-state-disabled .n-icon, .n-column-menu .n-sprite { opacity: .8; }
    .n-icon, .n-tool-icon, .n-grouping-dropclue, .n-drop-hint, .n-column-menu .n-sprite { background-image: url('sprite.png'); border-color: transparent; }
    .n-i-seek-w { background-position: 0 -112px; }
    .n-i-seek-e { background-position: 0 -80px; }
    .n-i-arrow-w { background-position: 0 -48px; }
    .n-i-arrow-e { background-position: 0 -16px; }
    .n-icon, .n-sprite, .n-editor-button .n-tool-icon { display: inline-block; width: 16px; height: 16px; overflow: hidden; background-repeat: no-repeat; font-size: 0; line-height: 0; text-indent: -3333px; text-align: center; }
    .n-pager-numbers li a, .n-pager-numbers li span { margin-top: 2px; text-decoration:none; text-align:center; cursor: pointer; display: inline-block; margin-right: 1px; padding-left: 8px; padding-right: 8px; }
    .n-pager-numbers li a:hover, .n-pager-numbers li span { margin-top: 0px; }
    .n-pager-numbers .n-link:hover { padding: 0 7px; border-style: solid; border-width: 1px; line-height: 22px; }
    .n-pager-wrap .n-link:hover { color: #2e2e2e; background-color: #a99f9a; border-color: #a99f9a; }
    .n-pager-numbers .n-link { padding: 0 8px; -moz-border-radius: 13px; -webkit-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; }
    .n-pager-numbers .n-link.selected { padding: 0 7px; border: 1px solid orange; line-height: 22px; background-color:orange; color:white; font-weight:bold; display:inline-block;}
    .n-pager-numbers .n-link.selected:hover { border: 1px solid orange; background-color:orange;  }
    .n-pager-info { float: right; padding: 0 16px; }
</style>

@*Creating a Razor Delegate*@
@{ Func<dynamic, object> b = @<strong>@item</strong>; }
@b("Bold this")


<div id="dvcreditGrid">
@Html.Grid(Model.UserList, "creditGrid").Columns(columns =>
{
    columns.Bound(p => p.Id).Hidden();
    columns.Bound(p => p.FirstName);
    columns.Bound(p => p.LastName);
    columns.Bound(p => p.Birthday).Format("{0:dd/MM/yyyy}");
    columns.Bound(p => p.City);
    columns.Bound(p => p.Country);
}).Ordered("FirstName", "ASC").Paging(11, 430, 20)
</div>

@*@Html.ScriptDocumentReady(@<text>alert('ok');</text>)*@